import React, { Component } from 'react';
import {SetOutline, LeftOutline, PayCircleOutline,EnvironmentOutline,UserOutline} from 'antd-mobile-icons'
import { List } from 'antd-mobile'
import '../../style/Index/mine/mine.css'
import girl from '../../assets/girl.png'
class Mine extends Component {
    onSetup(){
        this.props.history.push('/setup')
    }
    onaddress(){
        this.props.history.push('/address')
    }
    onmanage(){
        this.props.history.push('/ordermanage')
    }
    render() {
        return (
            <div className='mine'>
                <div className='navbar'>
                    <span><LeftOutline /></span>
                    <div>个人中心</div>
                    <div className='micon' onClick={()=>{this.onSetup()}}>
                        <SetOutline />
                    </div>
                </div>
                <div className='touxi'>
                    <div className="mineImg_left">
                        <img src={girl} alt="" />
                    </div>
                    <div className="mine_text_right">
                        <p>{localStorage.getItem('username')}</p>
                        <p>欢迎登录!</p>
                    </div>
                </div>
                <div className="Mine_shaxuan">
                    <List >
                        <List.Item prefix={<EnvironmentOutline />} onClick={() => {this.onaddress() }}>
                            地址管理
                        </List.Item>
                        <List.Item prefix={<PayCircleOutline />} onClick={() => {this.onmanage() }}>
                            订单管理
                        </List.Item>
                        <List.Item prefix={<UserOutline />} onClick={() => { }}>
                            关于我们
                        </List.Item>
                    </List>
                </div>


            </div>

        );
    }
}

export default Mine;